import React, {Component} from 'react';
class Count extends Component {


    increment = () => {
        // 获取要选的值
        const {value} = this.selectNum
        this.props.increment(value*1)



    }
    decrement = () => {
        const {value} = this.selectNum
        this.props.decrement(value*1)


    }
    incrementIfOdd = () => {
        const {value} = this.selectNum
        if(this.props.count % 2 !==0){
            this.props.increment(value*1)
        }


    }
    incrementAsync = () => {
        const {value} = this.selectNum
        this.props.incrementAsync(value*1,2000)

    }

    render() {
        console.log('传过来什么',this.props)
        return (
            <div>
                <h2>当前求和为:{this.props.count}</h2>
                <select ref={c => this.selectNum = c}>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>&nbsp;
                <button onClick={this.increment}>+</button>
                &nbsp;
                <button onClick={this.decrement}>-</button>
                &nbsp;
                <button onClick={this.incrementIfOdd}>和为奇数再加</button>
                &nbsp;
                <button onClick={this.incrementAsync}>异步加</button>

            </div>
        );
    }
}

export default Count;
